/* CSS Document */
*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; background:url(images/bg.jpg) no-repeat top center}
image{border:0}
a{color:#333; text-decoration:none}
a:hover{color:#000; text-decoration:underline}
@font-face{font-family: MyCustomFont; src: url("font.eot")}
@font-face{font-family: MyCustomFont; src: url("font.otf")}
h1,h2{font-family:MyCustomFont}
#wrapper{width:960px; height:876px; margin:0 auto}

#header{clear:both; height:100px}
#header #logo{width:410px; height:90px; float:left}
#header #menu{width:550px; height:90px; float:right}
#header #menu #main{clear:both; line-height:48px}
#header #menu #main li{list-style:none; float:left; padding:0 25px; background:url(images/menu_line.jpg) no-repeat left}
#header #menu #main a{color:#8ce3fc; font-family:MyCustomFont; font-size:21px; text-shadow: 0 1px 1px #666; text-transform:uppercase}
#header #menu #main a:hover{color:#FFF; font-family:MyCustomFont; text-shadow: 0 1px 1px #666; text-transform:uppercase; text-decoration:none}

#header #menu #second{clear:both; line-height:30px; padding-top:5px; font-weight:bold; list-style:none}
#header #menu #second #item1{width:auto; float:left; margin-left:25px}
#header #menu #second #item1 li{float:left; padding-right:15px; text-transform:uppercase; font-size:11px}
#header #menu #second #item2{width:auto; float:right; margin-right:25px; font-size:11px}
#header #menu #second #item2 a{padding:0 5px; margin-right:5px}

#content{clear:both; height:586px}

#home{clear:both}
#home .item{width:445px; float:left; margin-top:90px; text-align:center}
#home .item h1{color:#00aeef; font-size:50px; text-shadow: 0 1px 1px #00aeef; margin-bottom:20px}
#home .item h2{font-size:14px; font-weight:100; line-height:22px; margin-bottom:20px}
#home .item2{width:510px; float:right}
#home .item2 img{position:absolute}

#golftournament{clear:both; padding-top:20px}
#golftournament .item1{text-align:center}
#golftournament .item1 h1{font-size:33px; color:#00aeef; margin-bottom:5px}
#golftournament .item1 h2{font-size:20px; line-height:22px; margin-bottom:20px}
#golftournament .item2{clear:both; height:380px; background:url(images/golf-tournament.jpg) no-repeat right top}
#golftournament .item2 .col1{width:470px; float:left}
#golftournament .item2 .col2{width:470px; float:right}
#golftournament .item2 p{line-height:18px}
#golftournament .item2 h3{margin:15px 100px 0 0; color:#00aeef}
#golftournament .item2 .col2 div{width:auto; float:right; text-align:right; margin-top:50px}
#golftournament .item2 .col2 div h4{color:#00aeef; font-size:25px}
#golftournament .item3{text-align:center; width:185px; height:130px; position:absolute; left:40%; top:500px}

#prizes{clear:both; padding-top:30px}
#prizes h1{font-size:33px; color:#00aeef; text-align:center; margin-bottom:20px}
#prizes .item1{width:361px; float:left}
#prizes .item2{width:530px; float:right}

#registration{clear:both; padding-top:20px;}
#registration #action{width:207; height:122; position:absolute; top:520px; left:43%}
#registration h1{font-size:33px; color:#00aeef; text-align:center}
#registration h6{font-size:18px; color:#00aeef; text-align:center; margin-bottom:20px}
#registration .item1{width:440px; float:left; margin-left:30px}
#registration .item2{width:440px; float:right; margin-right:30px}
#registration .item{height:45px; background:url(images/form.jpg) no-repeat; margin-bottom:10px; font-size:14px}
#registration .item .label{width:auto; float:left; line-height:45px; font-weight:bold; margin-left:15px}
#registration .item .input{width:auto; float:right}
#registration .item .input input{width:270px; margin:12px 10px 0 0; padding:4px; border:none; background:none; color:#666}
#registration .item .radio{width:250px; float:right; text-align:left; line-height:45px}
#registration .item .radio .check{width:auto; padding:0 20px; float:left; background:url(images/radio.jpg) no-repeat left; cursor:pointer}
#registration .item3{width:530px; line-height:31px; clear:both; text-align:center; margin-left:240px}
#registration .item3 .item4{width:auto; float:left; font-weight:bold; margin-right:10px; padding-left:20px; background:url(images/register.jpg) no-repeat left}
#registration .item3 .check{width:auto; padding:0 20px; float:left; background:url(images/radio.jpg) no-repeat left; cursor:pointer}
#registration .item5{clear:both; text-align:right; margin-right:30px; padding-top:20px; font-family:MyCustomFont}
#registration .item5 h4{color:#00aeef; font-size:25px}

#message{clear:both; padding-top:50px; text-align:center}
#message h1{font-size:40px; color:#00aeef}
#message .item{clear:both; width:630px; margin:auto; font-size:16px; line-height:22px; margin-bottom:50px}
#message .item a{color:#00aeef}

#leaderboard{width:960px; height:490px; clear:both; padding-top:10px; background:url(images/bg-leader.jpg) no-repeat bottom left}
#leaderboard h1{clear:both; font-size:30px; color:#00aeef; text-align:center}
#leaderboard #col1{width:440px; height:430px; float:left; margin:20px 0 0 0}
#leaderboard #col2{width:440px; height:430px; float:right; margin:20px 66px 0 0}
#leaderboard .title{clear:both; margin:0 15px; line-height:44px; font-size:20px; font-family:MyCustomFont; font-weight:bold}
#leaderboard .item{width:440px; height:96px}
#leaderboard .item1{width:75px; float:left; text-align:center; font-weight:bold; font-size:14px; padding-top:15px}
#leaderboard .item1 span{font-size:50px; color:#00aeef}
#leaderboard .item2{width:35px; float:left; text-align:center; padding:3px 0; line-height:22px}
#leaderboard .item3{width:318px; float:left; padding:3px 0 3px 10px; line-height:22px}
#leaderboard img{position:absolute; top:250px}

#footer{clear:both; height:190px}
#footer #menu_foo{width:480px; float:left; font-family:MyCustomFont; font-size:16px; color:#FFF; margin-top:10px; line-height:20px}
#footer #menu_foo a{color:#FFF; padding:0 10px; text-shadow: 0 1px 1px #666}
#footer #copyright{width:450px; float:right; line-height:30px; text-align:right; color:#FFF; font-size:14px; text-shadow: 0 1px 1px #666}
#footer #copyright img{float:right; margin-left:10px}

/*scroll*/
#scroll1,#scroll2{width:440px; height:390px; overflow:auto}
.mCSB_container{width:auto; margin-right:0px; overflow:hidden}
.mCustomScrollBox>.mCSB_scrollTools{width:5px; height:100%; top:0; right:0}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}
.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_scrollTools .mCSB_dragger{cursor:pointer; width:100%; height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center}
.mCSB_scrollTools .mCSB_draggerRail{background:#000; background:rgba(0,0,0,0.4); filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#323232; background:rgba(50,50,50,0.75); filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)" }
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#323232; background:rgba(50,50,50,0.4);}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000;	background:rgba(0,0,0,0.3);}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;	background:#000; background:rgba(0,0,0,0.1);}